<template>
	<div class="card mb-4 rounded-left-05 rounded-right-05">
		<div class="card-header">
			<p class="lead d-inline-block mb-0 mt-1">
				<slot name="title"></slot>
			</p>
			<div class="float-right">
				<slot name="header-right"></slot>
			</div>
		</div>
		<div class="card-body p-0">
			<ul class="m-0 p-0">
				<slot name="content">
				</slot>
			</ul>
		</div>
	</div>
</template>

<script>
import $ from 'jquery';
export default {
  name: "Forum",
  data() {
    return {

    }
  },
  methods: {
	  
  }
}
</script>

<style>
.activity-panel .activity-panel-border {
	box-shadow: 0 0 0 #eee inset;
	transition: all 0.15s ease-out;
}
.activity-panel:hover .activity-panel-border {
	box-shadow: inset 0 0 38px rgba(0, 0, 0, 0.08);
	transition: all 0.15s ease;
}
.activity-panel .colors li {
	vertical-align: middle;
}
.activity-panel .colors .colors-item {
	border: 1px solid lightslategray;
}
.activity-panel .colors .colors-item.active {
	border: 2px solid lightslategray;
}
.activity-panel .colors .colors-item.active span {
	border: 2px solid rgba(255,255,255,1);
}
.activity-panel .colors .colors-item span {
	box-sizing: content-box;
	width: 8px;
	height: 8px;
	border: 3px solid rgba(255,255,255,1);
	cursor: pointer;
	vertical-align: middle;
}
.activity-panel .apps-info {
	visibility: initial;
	opacity: 1;
	transition: all 0.3s;
}
.activity-panel .shopping-info {
	visibility: hidden;
	opacity: 0;
	transition: all 0.3s;
}
.activity-panel:hover .shopping-info {
	visibility: initial;
	opacity: 1;
}
.activity-panel:hover .apps-info {
	visibility: hidden;
	opacity: 0;
}
.activity-panel:hover .monery-info {
	visibility: hidden;
}
.activity-panel-badge {
	top: 20px;
	right: 15px;
	font-size: 12px;
}
.activity-panel .badgeGolden {
	color: #a06e37;
	background: #fffbdf;
	border: 1px solid #d5b480;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
}
.activity-panel .badgePink {
	color: #d03b34;
	background: #ffe7e5;
	border: 1px solid #f3938b;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.05);
}
.activity-panel .info .commit {
	color: #e04e4e;
	font-size: 12px;
}
.activity-panel .monery,
.activity-panel .oldmonery {
	font-size: 18px;
	font-weight: 600;
}
.activity-panel .monery {
	color: #de4037;
}
.activity-panel .oldmonery {
	color: #d2d2d2;
	text-decoration: line-through;
	font-size: 13px;
}
.activity-panel .monery::before,
.activity-panel .oldmonery::before {
	content: "￥";
	font-weight: 600;
}
.rounded-left-05 {
	border-top-left-radius: 0.5rem !important;
	border-bottom-left-radius: 0.5rem !important;
}
.rounded-right-05 {
	border-top-right-radius: 0.5rem !important;
	border-bottom-right-radius: 0.5rem !important;
}
.rounded-1 {
	border-radius: 1rem !important;
}
.z-index-1 {
	z-index: 1;
}
.z-index-2 {
	z-index: 2;
}
.z-index-3 {
	z-index: 3;
}
.left-0 {
	left: 0;
}
.top-0 {
	top: 0;
}
.py-05 {
	padding-top: 0.15rem !important;
	padding-bottom: 0.15rem !important;
}
</style>


